/*loading s*/

.weui_icon_toast {
    display: block;
    margin: 22px 0 0;
}

.weui_icon_toast:before {
    color: #fff;
    content: '\EA08';
    font-size: 55px;
}

.weui_toast_content {
    margin: 0 0 15px;
}

.weui_loading_toast {
    position: absolute;
    z-index: 9999;
    .weui_mask_transparent {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 98;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0);
    }
    .weui_toast {
        position: fixed;
        top: 50%;
        left: 50%;
        z-index: 2001;
        margin-left: -3em;
        margin-top: -3em;
        width: 6em;
        min-height: 6em;
        border-radius: 5px;
        background: rgba(40, 40, 40, .75);
        color: #fff;
        text-align: center;
        .weui_loading {
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 9999;
            width: 0;
            .weui_loading_leaf {
                position: absolute;
                top: -1px;
                opacity: .25;
                &::before {
                    position: absolute;
                    width: 8.14px;
                    height: 3.08px;
                    border-radius: 1px;
                    background: #d1d1d5;
                    box-shadow: 0 0 1px rgba(0, 0, 0, .0980392);
                    content: " ";
                    -webkit-transform-origin: left 50% 0;
                    transform-origin: left 50% 0;
                }
                &.weui_loading_leaf_0 {
                    -webkit-animation: a 1.25s linear infinite;
                    animation: a 1.25s linear infinite;
                    &::before {
                        -webkit-transform: rotate(0) translate(7.92px);
                        transform: rotate(0) translate(7.92px);
                    }
                }
                &.weui_loading_leaf_1 {
                    -webkit-animation: b 1.25s linear infinite;
                    animation: b 1.25s linear infinite;
                    &::before {
                        -webkit-transform: rotate(30deg) translate(7.92px);
                        transform: rotate(30deg) translate(7.92px);
                    }
                }
                &.weui_loading_leaf_2 {
                    -webkit-animation: c 1.25s linear infinite;
                    animation: c 1.25s linear infinite;
                    &::before {
                        -webkit-transform: rotate(60deg) translate(7.92px);
                        transform: rotate(60deg) translate(7.92px);
                    }
                }
                &.weui_loading_leaf_3 {
                    -webkit-animation: d 1.25s linear infinite;
                    animation: d 1.25s linear infinite;
                    &::before {
                        -webkit-transform: rotate(90deg) translate(7.92px);
                        transform: rotate(90deg) translate(7.92px);
                    }
                }
                &.weui_loading_leaf_4 {
                    -webkit-animation: e 1.25s linear infinite;
                    animation: e 1.25s linear infinite;
                    &::before {
                        -webkit-transform: rotate(120deg) translate(7.92px);
                        transform: rotate(120deg) translate(7.92px);
                    }
                }
                &.weui_loading_leaf_5 {
                    -webkit-animation: f 1.25s linear infinite;
                    animation: f 1.25s linear infinite;
                    &::before {
                        -webkit-transform: rotate(150deg) translate(7.92px);
                        transform: rotate(150deg) translate(7.92px);
                    }
                }
                &.weui_loading_leaf_6 {
                    -webkit-animation: g 1.25s linear infinite;
                    animation: g 1.25s linear infinite;
                    &::before {
                        -webkit-transform: rotate(180deg) translate(7.92px);
                        transform: rotate(180deg) translate(7.92px);
                    }
                }
                &.weui_loading_leaf_7 {
                    -webkit-animation: h 1.25s linear infinite;
                    animation: h 1.25s linear infinite;
                    &::before {
                        -webkit-transform: rotate(210deg) translate(7.92px);
                        transform: rotate(210deg) translate(7.92px);
                    }
                }
                &.weui_loading_leaf_8 {
                    -webkit-animation: i 1.25s linear infinite;
                    animation: i 1.25s linear infinite;
                    &::before {
                        -webkit-transform: rotate(240deg) translate(7.92px);
                        transform: rotate(240deg) translate(7.92px);
                    }
                }
                &.weui_loading_leaf_9 {
                    -webkit-animation: j 1.25s linear infinite;
                    animation: j 1.25s linear infinite;
                    &::before {
                        -webkit-transform: rotate(270deg) translate(7.92px);
                        transform: rotate(270deg) translate(7.92px);
                    }
                }
                &.weui_loading_leaf_10 {
                    -webkit-animation: k 1.25s linear infinite;
                    animation: k 1.25s linear infinite;
                    &::before {
                        -webkit-transform: rotate(300deg) translate(7.92px);
                        transform: rotate(300deg) translate(7.92px)
                    }
                }
                &.weui_loading_leaf_11 {
                    -webkit-animation: l 1.25s linear infinite;
                    animation: l 1.25s linear infinite;
                    &::before {
                        -webkit-transform: rotate(330deg) translate(7.92px);
                        transform: rotate(330deg) translate(7.92px);
                    }
                }
            }
        }
    }
}

.weui_loading_toast .weui_toast_content {
    margin-top: 64%;
    font-size: 14px;
}

@-webkit-keyframes a {
    0%,
    0.01% {
        opacity: .25;
    }
    0.02% {
        opacity: 1;
    }
    60.01%,
    to {
        opacity: .25;
    }
}

@-webkit-keyframes b {
    0%,
    8.34333% {
        opacity: .25;
    }
    8.35333% {
        opacity: 1;
    }
    68.3433%,
    to {
        opacity: .25;
    }
}

@-webkit-keyframes c {
    0%,
    16.6767% {
        opacity: .25;
    }
    16.6867% {
        opacity: 1;
    }
    76.6767%,
    to {
        opacity: .25;
    }
}

@-webkit-keyframes d {
    0%,
    25.01% {
        opacity: .25;
    }
    25.02% {
        opacity: 1;
    }
    85.01%,
    to {
        opacity: .25;
    }
}

@-webkit-keyframes e {
    0%,
    33.3433% {
        opacity: .25;
    }
    33.3533% {
        opacity: 1;
    }
    93.3433%,
    to {
        opacity: .25;
    }
}

@-webkit-keyframes f {
    0% {
        opacity: .270958333333333;
    }
    41.6767% {
        opacity: .25;
    }
    41.6867% {
        opacity: 1;
    }
    1.67667% {
        opacity: .25;
    }
    to {
        opacity: .270958333333333;
    }
}

@-webkit-keyframes g {
    0% {
        opacity: .375125;
    }
    50.01% {
        opacity: .25;
    }
    50.02% {
        opacity: 1;
    }
    10.01% {
        opacity: .25;
    }
    to {
        opacity: .375125;
    }
}

@-webkit-keyframes h {
    0% {
        opacity: .479291666666667;
    }
    58.3433% {
        opacity: .25;
    }
    58.3533% {
        opacity: 1;
    }
    18.3433% {
        opacity: .25;
    }
    to {
        opacity: .479291666666667;
    }
}

@-webkit-keyframes i {
    0% {
        opacity: .583458333333333;
    }
    66.6767% {
        opacity: .25;
    }
    66.6867% {
        opacity: 1;
    }
    26.6767% {
        opacity: .25;
    }
    to {
        opacity: .583458333333333;
    }
}

@-webkit-keyframes j {
    0% {
        opacity: .687625;
    }
    75.01% {
        opacity: .25;
    }
    75.02% {
        opacity: 1;
    }
    35.01% {
        opacity: .25;
    }
    to {
        opacity: .687625;
    }
}

@-webkit-keyframes k {
    0% {
        opacity: .791791666666667;
    }
    83.3433% {
        opacity: .25;
    }
    83.3533% {
        opacity: 1;
    }
    43.3433% {
        opacity: .25;
    }
    to {
        opacity: .791791666666667;
    }
}

@-webkit-keyframes l {
    0% {
        opacity: .895958333333333;
    }
    91.6767% {
        opacity: .25;
    }
    91.6867% {
        opacity: 1;
    }
    51.6767% {
        opacity: .25;
    }
    to {
        opacity: .895958333333333;
    }
}


/*loading e*/

.com-loading {
    width: px2rem(100);
}